<style type="text/css">
  .el-main {
    background-color: #f5f7f9;
  }

  .el-header,
  .el-footer {
    background-color: white;
    box-sizing: border-box;
    border-bottom: 1px solid #f5f1f1;
  }

  .el-container {
    height: 100%;
  }
  .el-header{
    height: 80px;
  }
  .element.style{
    height:90px !important;
  }
</style>

<template>
  <el-container>
    <!-- header部分 -->
    <el-header class="element">
      <navtop></navtop>
    </el-header>
    <el-container>
      <!-- aside部分 -->
      <leftNav></leftNav>
      <el-main>
        <Breadcrumb></Breadcrumb>
        <el-divider></el-divider>
        <router-view />
      </el-main>
    </el-container>
  </el-container>
</template>


<script>
  import navtop from "./nav-top";
  import leftNav from "./nav";
  import Breadcrumb from "./Breadcrumb";
  export default {
    components: {
      navtop,
      leftNav,
      Breadcrumb
    },
    data() {
      return {};
    },
    methods: {}
  };
</script>
